$(function() {

    // var todolist = [{
    //     title: '我今天吃八个馒头',
    //     done: false
    // },{
    //     title: '我今天学习jq',
    //     done: false 
    // }]
    // localStorage.setItem('todo', JSON.stringify( todolist))
    // $('.box .uname').on('click', function() {
    //    var local = getDate()
    //    console.log(local);
    // })
    // function getDate() {
    //     var data = localStorage.getItem('todo')
    //     if (data !== null) {
    //         //本地存储里面的数据是字符串格式的  但是我们需要的是对象格式的
    //         return JSON.parse(data)
    //     }else {
    //         return []
    //     }
    // }
    //点击按钮（btn）获取input（txt）input（submit）里面的值
    load()
    $('.btn').on('mouseup', function() {
        var txt = $('.txt').val()
        var submit = $('.sumit').val()
        var arr = getDate()
        var obj = {
            account: txt,
            pass: submit
        }
        arr.push(obj)
        saveDate(arr)
        load()
    })
    //封装储存数据的函数
    function saveDate(data) {
        localStorage.setItem('toodlist', JSON.stringify(data))
    }
    //封装获取数据的函数
    function getDate() {
        return JSON.parse(localStorage.getItem('toodlist')) || []
    }
    function load() {
        var data = getDate()
        console.log(data);
        $('ol').empty()
        $.each(data, function(i, n) {
            $('ol').prepend('<li><div>'+n.account+'</div></li>')
        })
    }
})